<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>{$config_sitename}</title>
	<link rel="stylesheet" href="__CSS__/common.css?t={$ver}">
	<link rel="stylesheet" href="__CSS__/ppcustom.css?t={$ver}">
</head>
<body class="body-pad">
	<div class="ub ub-ac page-header">
		<a href="javascript:history.back();" class="clickable-deep"><span class="icon-back"></span></a>
		<div class="ub-f1 page-name">食谱分类</div>
		<a href="{:U('Index/search')}" class="clickable-deep"><span class="icon-search"></span></a>
	</div> 
	<div class="ub-ver type-wrapper">
	   <foreach name="category" item="cg">
		<div class="type-item ub-f1">
			<div class="type-item-top ub ub-ac href-js" data-id="{$cg.cateid}">
				<span class="type-icon"><img src="{$cg.icon}" alt=""></span>
				<span class="cl-f-orange">{$cg.catename}</span>
			</div>
			<if condition="$cg.childNum neq 0">
			<foreach name="cg.childlist" item="ll">
			<div class="type-item-info ub ub-ac">
			 <foreach name="ll" item="lt">
				<span class="type-text cl-b-dgrey href-js" data-id="{$lt.cateid}">{$lt.catename}</span>
			</foreach>
			</div>
			</foreach>
			</if>
		</div>
		</foreach>
	</div>
	<script src="__JS__/jquery-1.11.1.min.js?t={$ver}"></script>
	<script>
    $(function(){
        $('.href-js').click(function(e){
            e.preventDefault();
            var cateid = $(this).attr('data-id');
            location.href = "{:U('Work/index')}?cateid=" + cateid;
        });
    });
	</script>
</body>
</html>